<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户角色管理</title>
    <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" media="all">
    <script src="/static/layui/layui.js" type="text/javascript"></script>
    <script src="/static/js/jquery-3.4.1.min.js" type="text/javascript"></script>
    <script src="/static/js/user.js" type="text/javascript"></script>
</head>
<body>
<form class="layui-form" action="">
    <div style="padding: 20px; background-color: #F2F2F2;">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">已授权角色</div>
                <div class="layui-card-body">
                    <span th:each="assingedRole : ${assingedRoles}">
                        <input checked type="radio" th:value="${assingedRole.id}" name="roleId" th:title="${assingedRole.roleName}">
                    </span>
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">未授权角色</div>
                <div class="layui-card-body">
                    <span th:each="unRoles : ${unassignRoles}">
                        <!--/*@thymesVar id="id" type="com.ljy.system.marvel_sys.system.model.role.Role"*/-->
                        <input type="radio" th:value="${unRoles.id}" name="roleId" th:title="${unRoles.roleName}"/>
                    </span>
                </div>
            </div>
        </div>
        <input style="display: none;" type="text" name="userId" th:value="${userId}">
        <button style="display: none;" id="LAY_sub_userRole" class="layui-btn layui-btn-xs" lay-submit lay-filter="formUserRole"></button>
    </div>
</div>
</form>
</body>
</html>